<div th:fragment="left">
	<script type="text/javascript">
		try{ace.settings.loadState('sidebar')}catch(e){}
	</script>
	<div th:fragment="left" id="sidebar" class="sidebar                  responsive                    ace-save-state">
		<script type="text/javascript">
			try{ace.settings.loadState('sidebar')}catch(e){}
		</script>

		<div class="sidebar-shortcuts" id="sidebar-shortcuts">
			<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
				<button class="btn btn-success">
					<i class="ace-icon fa fa-signal"></i>
				</button>
				<button class="btn btn-info">
					<i class="ace-icon fa fa-pencil"></i>
				</button>
				<button class="btn btn-warning">
					<i class="ace-icon fa fa-users"></i>
				</button>
				<button class="btn btn-danger">
					<i class="ace-icon fa fa-cogs"></i>
				</button>
			</div>

			<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
				<span class="btn btn-success"></span>
				<span class="btn btn-info"></span>
				<span class="btn btn-warning"></span>
				<span class="btn btn-danger"></span>
			</div>
		</div>

		<ul class="nav nav-list">
			<li class="active">
				<a href="index.html">
					<i class="menu-icon fa fa-tachometer"></i>
					<span class="menu-text"> Dashboard </span>
				</a>
				<b class="arrow"></b>
			</li>

			<li th:each="item,iterStat:${session.permissions}" class="">
				<a href="javascript:void(0);" class="dropdown-toggle">
					<i class="menu-icon fa fa-list"></i>
					<span class="menu-text" th:text="${item.permissionName}"></span>
					<b class="arrow fa fa-angle-down" th:if="${not #lists.isEmpty(item.childList)}"></b>
				</a>
				<b class="arrow"></b>
				<ul class="submenu">
					<li th:each="childItem,iterStat:${item.childList}" class="">
						<a th:href="${childItem.permissionUrl}" th:text="${childItem.permissionName}">
							<i class="menu-icon fa fa-caret-right"></i>
						</a>
						<b class="arrow"></b>
					</li>
				</ul>
			</li>
		</ul>

		<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
			<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
		</div>
	</div>
</div>
